<article class="module-account module-account-BigWinner">
  <div class="ui-account-box">
    <div class="account-box">
      <div class="ui-title">
        <span class="strong">{{$t('bigwinner.Recommendation')}}</span>
      </div>
      <Loading v-if="isLoading"></Loading>
      <div v-if="!isLoading" class="BigWinner_main">
        <h3>{{$t('bigwinner.EIC')}}</h3>
        <p class="item">
          <input id="code" type="text" v-model="code" readonly="readonly">
          <button @click="copy('#code')">{{$t('bigwinner.copy')}}</button>
        </p>
        <h3>{{$t('bigwinner.EICURL')}}</h3>
        <p class="item">
          <input id="codes" type="text" v-model="codes" readonly="readonly">
          <button @click="copy('#codes')">{{$t('bigwinner.copy')}}</button>
        </p>
        <h3>{{$t('bigwinner.QRCODE')}}</h3>
        <p class="code">
          <qrcode :val="address" :size="140"></qrcode>
        </p>
        <!-- <h3>{{$t('bigwinner.InvitationTorRward')}}
          <span>10</span>{{$t('bigwinner.Calculation')}}</h3> -->
        <!-- <h3>邀请规则</h3>
        <ul>
          <li>1.普通客户，初始化邀请上限为20人</li>
          <li>2.一旦客户邀请的人成为<b>有效客户*</b>，则从邀请人数中减去，即只有其邀请的客户转化为有效客户后，才扩充其邀请人数</li>
        </ul>
        <h3>*有效客户：15天内的交易金额累加超过<span>1000元</span>(RMB)</h3> -->
      </div>
      <div class="drawout-bottom ui-account-box-inner">
        <h3 class="ui-title-account">
          <span class="strong">
            <select v-model="types">
              <option v-for="item in countryList" :value="item">{{item}}</option>
            </select>
          </span>
        </h3>
        <div class="box-content">
          <div class="table-wrap">
            <div class="m-table">
              <table>
                <thead>
                  <tr>
                    <th>{{$t('bigwinner.InvitationList.UID')}}</th>
                    <th>{{$t('bigwinner.InvitationList.userName')}}</th>
                    <th>{{$t('bigwinner.InvitationList.time')}}</th>
                    <th>状态</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="item in list" v-if="(isLoadings === false)&&(list.length > 0)">
                    <td>{{lib.getFormattedUid(item.uid)}}</td>
                    <td>{{item.account | formatPhone}}</td>
                    <td>{{item.createTime | timezone('YYYY-MM-DD')}}</td>
                    <td>
                      <img v-if="item.partnerStatus" width="70px" style="height: 24px;margin-top: 6px;" src="../../img/a_partner.png" alt="">
                      <img v-if="!item.partnerStatus" width="70px" style="height: 24px;margin-top: 6px;" src="../../img/partner.png" alt="">
                      <img v-if="item.authStatus" width="70px" style="height: 24px;margin-top: 6px;" src="../../img/account1.png" alt="">
                      <img v-if="!item.authStatus" width="70px" style="height: 24px;margin-top: 6px;" src="../../img/no_account.png" alt="">
                    </td>
                  </tr>
                </tbody>
              </table>
              <pager :page-no="param.pageNo" :page-size="param.pageSize" :on-page-change="changePage" :page-num="pageNum"></pager>
              <loading v-if="isLoadings"></loading>
              <no-data v-if="isLoadings === false && list && list.length === 0"></no-data>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</article>